<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Input</title>
</head>
<body>
<!--
input 属性
email   手机端会自动切换英文键盘
url     手机端会自动切换英文键盘
tel     手机端会自动切换成数字键盘
number  只能输入数字

range
search
color

时间类型
    date    日/月/年
    month   月/年
    week    周/年
    time    小时/分钟
    datetime    年月日时间  （UTC）
    datetime-local  年月日时间   （本地）
-->

<form action="" method="post">
    <input type="email" name="email" placeholder="邮箱">
    <input type="url" name="url" placeholder="连接">
    <input type="tel" name="url" placeholder="tel">
    <input type="number" name="url" placeholder="number">
    <input type="datetime-local" name="url" placeholder="datetime-local">
    <hr>
    <input type="range" name="range" min="1" max="10">
    <input type="search" name="search">
    <input type="color" name="color">
    <button type="submit">提交</button>
</form>
</body>
</html>